<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="html" uri="http://struts.apache.org/tags-html" %>
<html lang="zh-CN">
<head>
	<%@include file="/resource/common/resourceLink.rs" %>
    <title>转账付款 - 转账到支付宝账户</title>
    <script src="/Bank3.0/resource/js/checkForm.js"></script>
</head>
<style>
    .transaction{
        margin-top: 3%;
    }
    .tip{
        color: 	#FF4500;
    }
    .toAccount, .money, .payPassword, .confirm-pay{
        margin-left: 8%;
        padding: 8px 0;
    }
    .input-item{
        width: auto;
        display: inline;
    }
</style>
<body>
	<!-- 顶部导航 -->
	<%@ include file="nav.jsp" %>
    <div class="container-fluid">
        <div class="transaction">
            <div class="row" style="border: 2px solid #f2f6fa">
                <div class="col-md-offset-2 col-md-6">
                    <div role="tabpanel">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#home" role="tab" data-toggle="tab" style="font-size: 18px;">转账到支付宝</a>
                            </li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content" style="border: 2px solid #f2f6fa">
                            <div role="tabpanel" class="tab-pane fade in active" id="home">
                                <!-- 小提示 -->
                                <div class="tip">
                                    <p class="bg-warning">
                                        <span class="glyphicon glyphicon-warning-sign"></span>
                                       	温馨提示：系统将自动将转账结果通知收款人
                                    </p>
                                </div>
                                <form action='<c:url value="/transaction/transfer/index.htm" />' method="post" onsubmit="return checkForm()">
                                    <!-- 收款人 -->
                                    <div class="toAccount">
                                            <span>收款人：</span>
                                            <input type="text" class="form-control input-item" name="toAccount" id="toAccount"
                                                   placeholder="收款人账户" data-content="请输入收款人" 
                                                   value='${requestScope.errorsMap.toAccount}${requestScope.toAccount}'
                                                   />
                                            <button class="btn btn-default" type="button">
                                                <span class="glyphicon glyphicon-user" style="font-size: 20px;"></span>
                                            </button>
                                    </div><!-- /.toAccount -->
                                    <!-- 转账金额 -->
                                    <div class="money">
                                        <div class="form-group">
                                            <span>转账金额：</span>
                                            <input class="form-control input-item" type="text" name="money" 
                                            		id="money" data-content="请输入转账金额" 
                                                   value='${requestScope.errorsMap.money}${transactionForm.money}'/> 元
                                        </div>
                                    </div>
                                    <!-- 支付密码 -->
                                    <div class="payPassword">
                                        <div class="form-group">
                                            <span>支付密码：</span>
                                            <input class="form-control input-item" id="payPassword" type="password" name="payPassword"
                                                   data-content="请输入支付密码"/>
                                        </div>
                                    </div>
                                    <!-- 确认支付 -->
                                    <div class="confirm-pay">
                                        <span>
                                            <button class="btn btn-info" type="submit">确认支付</button>
                                        </span>
                                        <label class="bg-info"><html:errors />${requestScope.result}</label>
                                           <nav>
                                               <ul class="pager">
                                                   <li><a href='<c:url value="/index.htm"/> '>回到主页</a></li>
                                               </ul>
                                           </nav>
                                    </div>
                                </form>
                            </div><!-- /.tan-panel -->
                        </div>
                    </div><!-- /.tabpanel -->
                </div><!-- /.col-md-6 -->
            </div><!-- /.row -->
        </div><!-- /.transaction -->
    </div>
</body>
</html>